<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 内部样式，通过style标签进行指定 -->
		<style>
		div{
			width: 200px;
			height: 200px;
			background-color: red;
		}		
		</style>
		<!-- 外链样式，外链样式与内部样式，放在下面的同元素的属性，下面会覆盖上面的样式 -->
		<link rel="stylesheet" href="css/butoon_style.css" />
	</head>
	<body>
		<div></div>
		<!-- 在元素内使用style标签进行元素的样式渲染，是内接样式（行内样式）
		 只作用与当前元素，优先级最高-->
		<div style="background-color: pink;"></div>
		<button>ok</button>
	</body>
</html>
